
//3、健康分析
//三相电流
//三项电流数据
datehealth=(function() {
	// 生成随机值
	var data = [], 
	time = (new Date()).getTime(), 
	i;
	
	for (i = -100; i <= 0; i += 1) {
		data.push({
			x : time + i * 1000*2400,
			y : Math.random()*0.3+0.7
		});
	}
	return data;
}());
var chart = Highcharts.chart('health', {
	chart : {
		type : 'line',
		marginRight : 30,
		backgroundColor : '#3b5261',
		plotBorderWidth : 0,
		ignoreHiddenSeries : true,
		reflow : true,
		spacingTop : 50, //图表上方的空白
		spacingRight : 40,
		spacingLeft : 0,
		spacingBottom: 30,
		borderRadius : 1,
		zoomType: 'x',
		panning: true,
		panKey: 'shift'
	},
	credits:{
			enabled:false
	},//去掉水印
	title: {
		text: '三相电流',
		floating: true,
	    align: 'left',
	    x: 0,
	    y: -20,
		style:{
			color:'#fff'
		}
	},
	xAxis: {
		type : 'datetime',
		tickmarkPlacement:'on',//x轴底部显示对齐方式
		tickwidth:0,
		labels : {//设置横轴坐标的显示样式
			align : 'center',
			style : {
				color : '#fff'
			}
		},
		dateTimeLabelFormats: { 
            hour:"%m-%e %H:%M",
        	day:"%m-%e",
        	month:"%Y-%m",
         },
		},
		tooltip: {
			shared: true,
			crosshairs: true,
			formatter : function (){ // 提示框格式化字符串
			 	 var d = new Date(this.x);
                 var s = '<b>' + d.getFullYear() + '/' + (d.getMonth() + 1) + '/' + d.getDate() + ' '  + d.getHours() + ':'+ d.getMinutes() + ':' + d.getSeconds()+ '</b>';
                 $.each(this.points ,function(){
                     s += '<br />' + this.series.name + ':' + this.y;
                 });
                 return s;
             },
            valueDecimals : 3,
            xDateFormat : '%Y-%m-%d', //  如果 X轴是时间轴，格式化提示框标题中的日期
		},
	yAxis: {
		max:1, // 定义Y轴 最大值  
        min:0, // 定义最小值  
        minPadding: 0.2,   
        maxPadding: 0.2,  
        tickInterval:0.2, // 刻度值
		title: {
			style:{
				color:'#fff',
			}
		},
		minPadding:0,
		gridLineWidth:0,
		lineColor: '#FFF',
		lineWidth: 1,
		plotLines:[{
	        color:'#00efc9',           //线的颜色，定义为红色
	        dashStyle:'Dash',     //默认值，这里定义为实线
	        value:0,               //定义在那个值上显示标示线，这里是在x轴上刻度为3的值处垂直化一条线
	        width:0.5,                //标示线的宽度，2px
	        label:{
	            text:'0',     //标签的内容
	            align:'right',                //标签的水平位置，水平居左,默认是水平居中center
	        } 
	    },
	    {
	        color:'#00efc9',           //线的颜色，定义为红色
	        dashStyle:'Dash',     //默认值，这里定义为实线
	        width:0.5,                //标示线的宽度，2px
	        value:0.4,
	        label:{
	            text:'0.4',     //标签的内容
	            align:'right',                //标签的水平位置，水平居左,默认是水平居中center
	        }   
	    },
	    {
	        color:'#00efc9',           //线的颜色，定义为红色
	        dashStyle:'Dash',     //默认值，这里定义为实线
	        value:0.8,               //定义在那个值上显示标示线，这里是在x轴上刻度为3的值处垂直化一条线
	        width:0.5,                //标示线的宽度，2px
	        label:{
	            text:'0.8',     //标签的内容
	            align:'right',                //标签的水平位置，水平居左,默认是水平居中center
	        } 
	    }],
		labels : {//设置横轴坐标的显示样式
				align : 'center',
				style : {
					color : '#fff'
				}
			}
	},
	legend: {
		layout: 'horizontal',
		align: 'right',
		verticalAlign: 'top',
		x: -50,
	    y: -50,
		itemStyle:{
			color:'#FFF'
		}
	},
	
	series : [ {
		marker:{//线上数据点
		   	radius:0,
		   	lineWidth:0,
		   	lineColor:'#fba845',
		   	fillColor:'#fba845',
		   	states:{
		   		hover:{
		   			enabled:false
		   		}
		   	}
		},
		name : '功率因数',
		data : datehealth
		}],
	responsive: {
		rules: [{
			condition: {
				maxWidth: 500
			},
			chartOptions: {
				legend: {
					layout: 'horizontal',
					align: 'center',
					verticalAlign: 'bottom'
				}
			}
		}]
	},
});




